<template>
    <div class="personInfo">
      <mt-header title="个人信息">
        <router-link to="InfoList" slot="left">
          <mt-button icon="back">返回</mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
      </mt-header>

      <form>
        <mt-field label="姓名" placeholder="" readonly="true" v-model="username"></mt-field>
        <mt-field label="性别" placeholder="" readonly="true" v-model="username"></mt-field>
        <mt-field label="生日" placeholder="" type="date" v-model="birthday"></mt-field>
        <mt-field label="邮箱" placeholder="" type="email" v-model="email"></mt-field>
        <mt-field label="手机号" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>

        <mt-picker :slots="slots" @change="onValuesChange"></mt-picker>
      </form>
    </div>
</template>
<style>
</style>
<script>
    export default{
        name : 'personInfo',
        data(){
            return{
                username:'username',
                birthday:'2017-01-02',

            }
        },
        components:{
        },
        methods:{

        }
    }
</script>
